<template>
  <div>
    <!-- 三级联动全局组件 -->
    <cascade></cascade>
    <!-- 其余组件 -->
    <list></list>
    <recommend></recommend>
    <rank></rank>
    <like></like>
    <floor v-for="item in getFloor" :key="item.id" :list="item"></floor>
    <brand></brand>
  </div>
</template>

<script>
import { mapState } from "vuex";
// 引入其余的组件
import list from "@/views/Home/components/list.vue";
import recommend from "@/views/Home/components/recommend.vue";
import rank from "@/views/Home/components/rank.vue";
import like from "@/views/Home/components/like.vue";
import floor from "@/views/Home/components/floor.vue";
import brand from "@/views/Home/components/brand.vue";
// 引入接口
// import { getBaseCategoryList } from "@/api/shop";
export default {
    mounted () {
        this.$store.dispatch('home/getFloorList')
    },
    computed: {
        ...mapState({
            getFloor: (state)=>{
                return state.home.floorList
            }
        })
    },
  components:{list,recommend,rank,like,floor,brand}
}
</script>

<style>

</style>